.container {
    width: 100px;
    height: 100px;
    background-color: red;
    a {
        width: 50px;
        height: 50px;
        // 与字符号代表的是父容器  a
        &:hover{
            background-color: blue;
        }
    }
    .top {
        border: 1px solid #ccc;
        // 与字符号代表的是父容器  .top
        &-left {
            margin-left: 20px;
        }
    }
}